import { defineComponent } from 'vue'
import LinePhone from '@/assets/images/ai-agent/line-phone.svg'
import ArrowDown from '@/assets/images/ai-agent/arrow-down.svg'

export default defineComponent({
  name: 'lineTest',
  setup() {
    return () => (
      <>
        <div
          class={{
            'h-68px bg-#F5F7FB border-rd-12px': true,
          }}
        >
          <a-flex class="h-68px p-l-20px p-r-16px" align="center" justify="space-between">
            <a-flex gap={15} align="center">
              <img class="w-24px h-24px" src={LinePhone} alt="" />
              <p class="font-size-16px fw-600 color-#242934">线路测试</p>
            </a-flex>
            <img class="w-24px h-24px" src={ArrowDown} alt="" />
          </a-flex>
        </div>
      </>
    )
  },
})
